<template>
  <el-skeleton animated/>
  <br/>
  <el-skeleton style="--el-skeleton-circle-size: 100px" animated>
    <template #template>
      <el-skeleton-item variant="circle"/>
    </template>
  </el-skeleton>
  <el-skeleton style="width: 240px" animated>
    <template #template>
      <el-skeleton-item variant="image" style="width: 240px; height: 240px"/>
      <div style="padding: 14px">
        <el-skeleton-item variant="p" style="width: 50%"/>
        <div style="display: flex;align-items: center;justify-items: space-between;">
          <el-skeleton-item variant="text" style="margin-right: 16px"/>
          <el-skeleton-item variant="text" style="width: 30%"/>
        </div>
      </div>
    </template>
  </el-skeleton>
</template>
